<template>
    <div class="downs">
        <div class="downs2">京东秒杀</div>
        <ul>
            <li>00</li>
            <li>:</li>
            <li>30</li>
            <li>:</li>
            <li>00</li>
        </ul>
        <p class="p2">爆款轮番秒 <span class="iconfont icon-youjiantou"></span></p>

    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.downs {
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 32px;
    padding: 0 20px;

    ul{
        display: flex;
        justify-content: center;
        align-items: center;
        li{
            width: 40px;
            height: 50px;
            border-radius: 10px;
            
        }
        li:nth-child(2n+1){
            background-color: #FB3725;
            color: #fff;
        }
        li:nth-child(2n){
            text-align: center;
            line-height: 50px;
            color: #FB3725;
            font-weight: 900;
        }
    }
    .p2 {
        color: red;
    }
}
</style>